<nav-bar-panel></nav-bar-panel>
<div class="content container">
    <div>
        <!--<a href="#/home" class="btn btn-default btn-xs">首页</a>-->
        <!--<ul class="nav nav-pills">-->
        <!--<li role="presentation" class="m-nav-item" style="width: 50px;">-->
        <!--<a href="#/home">-->
        <!--<span class="glyphicon glyphicon-chevron-left"></span>-->
        <!--</a>-->
        <!--</li>-->
        <!--<li class="m-nav-item" role="presentation" style="text-align: center;width: calc(100% - 90px)">-->
        <!--<a href="javascript: void(0)">搜索商品</a>-->
        <!--</li>-->
        <!--</ul>-->
        <div class="nav nav-pills div-nav">
            <div class="m-nav-item" style="width: 50px;text-align: center;
    margin-top: 7px;">
                <a ng-click="goToBack()">
                    <span class="nav-back-icon"></span>
                    <!--<span style="font-size: 12px;">首页</span>-->
                </a>
            </div>
            <div class="m-nav-item m-nav-second-final-item" role="presentation">
                <a style="text-align: center;" class="border-nav-title">搜索商品</a>
            </div>
        </div>

        <div class="panel panel-default">
            <div class="panel-body">
                <div class="row hotests-products-preview-panel">
                    <ul class="list-group" style="  margin-left: -20px; margin-right: -20px">
                        <li class="list-group-item" ng-repeat="product in products" ng-click="showProductPage(product)">
                            <div style="margin-bottom: -24px;">
                                <img ng-src="{{product.logoUrl}}" alt=""
                                     style="width: 80px; height: 80px; position: relative; margin: 5px"
                                     class="thumbnail"/>
                                <span class="limit-line"
                                      style="font-size: 1.5em; position: absolute; left: 100px; top: 1px">{{product.name}}</span>
                                <rating ng-model="product.rating" max="5" readonly="true" class="inline-rating"
                                        style="display: inline-block; position: absolute; left: 100px; top: 35px; color: #ff2a2a;"></rating>

                                <span class="limit-line"
                                      style="position: absolute; top: 68px; right: 30px; max-width: 250px;"
                                      ng-bind-html="product.description | plain | to_trusted"></span>
                                <br/>
                                <span class="product-price" style="position: absolute; left: 100px; top: 59px;"
                                      ng-class="{'disabled': product.discount>0}">{{product.price}}元</span>
                                <span class="product-price" style="position: absolute; left: 140px; top: 59px;"
                                      ng-if="product.discount>0">{{product.promotionPrice}}元</span>
                            </div>
                            <!--<a href="#/product/{{product.id}}">-->
                            <!--<img ng-src="{{product.logoUrl}}" alt="" style="width: 80px; height: 80px"/>-->
                            <!--<h4 class="limit-line">{{product.name}}</h4>-->
                            <!--<span class="product-price">￥{{product.price}}元</span>-->
                            <!--</a>-->
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <div class="m-pager">
            <button class="glyphicon glyphicon-triangle-left"
                    ng-show="productsPage>1"
                    ng-click="showPrevPageProducts()">
            </button>
            <span>第{{productsPage}}/{{productsPagesCount()}}页</span>
            <button class="glyphicon glyphicon-triangle-right"
                    ng-show="productsTotal > productsPage * pageSize"
                    ng-click="showNextPageProducts()">
            </button>
        </div>
    </div>
</div>
<footer-bar-panel></footer-bar-panel>